<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="jquery-3.2.1.min.js"></script>
    <script src="constants.js"></script>
    <script src="chrome_variables_default.js"></script>
    <script src="chrome_variables_init.js"></script>
    <script src="chrome_common.js"></script>
    <script src="chrome_common_new.js"></script>
    <style>
        table{
        border: 1px solid #0094ff;
    }
    table tr th{
        border: 1px solid #0094ff;
    }
    table tr td {
        border: 1px solid #0094ff;
    }

    table {
        min-height: 25px;
        line-height: 25px;
        text-align: left;
        border-collapse: collapse;
    }

    #one {
        float: left;
        width: 49%;
        height: 40%;
        word-wrap: break-word;
    }

    #two {
        float: right;
        position: relative;
        width: 49%;
        height: 40%;
    }
    </style>
</head>

<body>
    <div>
        <h1 style="text-align:center">定位方式优先级设置,使用左侧是自定义定位方式优先级,右侧开启的话是再次进行判断,将最精确和最简便的定位方式放到录制显示的第一位</h1>
    </div>
    <div id="one" style="border:1px solid ;border-top-right-radius:20px; border-top-left-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; ">
        <h2 style="text-align:center">定位优先级排序(拖动修改),保存后需要刷新待录制的页面生效(不用停止录制)</h2>
        <h3 style="text-align:center;color:red;">注:这里默认写的是工具默认的顺序,现在可能已经在代码上改过顺序了,就是把xpath放到第一位了,<br>不保存的话还是xpath第一位,但是只要保存或重置过一次就会使用这里的配置了</h3>
        <table id="set-priority-grid" cellspacing="0" align="center">
            <thead class="fixed">
                <tr>
                    <th style="width: 20%">定位方式<div class="border"></div>
                    </th>
                    <th style="width: 70%">说明<div class="border"></div>
                    </th>
                    <th style="width: 10%">默认排序</th>
                </tr>
            </thead>
            <tbody id="records-grid">
            </tbody>
        </table>
        <center> <button id="save-priority" style="position:relative;right:10px;top:10px;">保存</button>
            <button id="restore-priority" style="position:relative;left:10px;top:10px;">重置优先级</button></center>
        <div style="height:20px"></div>
    </div>
    <div id="two" style="border:1px solid ;border-top-right-radius:20px; border-top-left-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px;">
        <h2 style="text-align:center">开启二次判断,会再次判断定位方式哪个最准确和最精简,录制时将我们认为最准确的定位方式放在第一位,<br>同样需要保存后刷新待录制页面</h2>
        <div style="width:100%;text-align:center">
            <h3>是否开启?</h3>
            <label><input id="save-locators-sort-true" name="save-locators-sort" type="radio" value="true" />开启 </label>
            <label><input id="save-locators-sort-false" name="save-locators-sort" type="radio" value="false" />关闭 </label><br>
            <center><button id="save-locators-sort" style="position:relative;top:10px;">保存</button></center>
            <script src="options-new.js"></script>
        </div>
        <div style="height:20px"></div>
    </div>
</body>

</html>